<template>
  <div>
    <div class="personal-information-add-view">
      <div class="main-container">
        <div class="back-bar">
          <a href="javascript:history.back(-1);">&lt; 返回設置頁面</a>
        </div>

        <div class="main-head">添加基本資訊</div>
        <div class="information-detail">
          <el-form label-position="top" label-width="80px" :model="information">
            <el-form-item label="真實姓名">
              <el-col :span="6">
                <el-input v-model="information.lastName" placeholder="姓"></el-input>
              </el-col>
              <el-col :span="1" class="line">&nbsp;</el-col>
              <el-col :span="6">
                <el-input v-model="information.firstName" placeholder="名"></el-input>
              </el-col>
            </el-form-item>
            <el-form-item label="出生年月日">
              <el-date-picker v-model="information.birthday" type="date" placeholder="选择日期">
              </el-date-picker>
            </el-form-item>
            <el-form-item label="選擇證件類型">
              <el-select v-model="information.identity_type" placeholder="请选择">
                <el-option label="台灣身分證" value="taiwan_id_card"></el-option>
                <el-option label="台灣居留證" value="taiwan_residence_card"></el-option>
                <el-option label="護照" value="passport"></el-option>
              </el-select>
            </el-form-item>
            <el-form-item label="證件號碼">
              <el-col :span="12">
                <el-input v-model="information.identity_number" placeholder="證件號碼"></el-input>
              </el-col>
            </el-form-item>
            <el-form-item size="large">
              <el-button type="primary">提交</el-button>
            </el-form-item>
          </el-form>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data () {
    return {
      information: {
        firstName: '',
        lastName: '',
        birthday: '',
        identity_type: '',
        identity_number: ''
      }
    }
  }
}
</script>
<style lang="less">
  .personal-information-add-view{
    .back-bar{
      a{
        color: #38B;
        font-size: 14px;
      }
    }
    .information-detail{}
  }
</style>
